@import (less) "person.less";
.tab_wrap{	
	padding:20px;
	.tab_list{
		height:32px;
		border-bottom:1px solid #ccc;
		position:relative;
		.tab_item{
			float:left;
			.tab_title{
				font-size:18px;
				color:#808080;
				.weiruan_yahei;
				height:32px;
				cursor:pointer;
			}	
			margin-right:35px;
			.tab_detail{
				position:absolute;
				width:100%;
				height:100%;
				left:0;
				top:35px;
				display:none;	
				.search_wrap{
					margin-top:20px;
					.search_title{
						float:left;	
						height:34px;
						line-height:34px;
						font-weight:100;
						font-size:14px;
						margin-right:10px;
					}	
					.search_input{
						float:left;
						border:1px solid #6699cc;
						.search_name{
							border:0;
							float:left;	
							margin:0;
							padding:0;
							height:34px;	
							outline:none;
							width:244px;
						}	
						.search_submit{
							float:left;
							margin:0;
							padding:0;
							background:#6699cc;
							height:34px;
							width:55px;
							border:0;	
							font-size:15px;
							color:#ffffff;
							font-weight:bold;
						}
					}
				}
				.result_content{
					margin-top:20px;
					table{
						width:100%;	
						border:1px solid #e2e2e2;
						thead{
							background:#f3f3f3;	
							th{
								height:42px;
								vertical-align:middle;	
								border:1px solid #e2e2e2;
								text-align:center;
								color:#666666;
							}
							.th1{
								width:140px;	
							}
							.th2{
								width:364px;	
							}
						}
						tbody{
							td{
								height:42px;
								vertical-align:middle;	
								border:1px solid #e2e2e2;
								text-align:center;
								color:#666666;
								a{
									color:#666666;	
								}
							}
						}
					}	
				}
			}
			&.focus,&:hover{
				.tab_title{
					color:#ff9900;	
					border-bottom:1px solid #8d8b7f;
				}	
			}
			&.focus{
				.tab_detail{
					display:block;	
				}
			}
		}	
	}
}

